@charset "utf-8";
/*
    Author     : CSU OJT Students '10 - '11 (Jeff)
    Description:
        CSS for the front desk page.
*/

html, body {
    background: #31b9c5;
    font-family: Tahoma, san-serifs;
    margin: 0;
    padding: 0;
    
    height: 100%;
}

h1{
    color: #31b9c5;
    font-size: 60px;

    padding: 0px;

}

#floater {
    float: left;
    margin-bottom: -380px;
    position: relative;

    height: 50%;
    width: 1px;
}

#container {
    clear: left;
    margin: 0 auto;
    position: relative;

    height: 76px;

}

#header {
    background: #31b9c5;
    margin: auto;

    height: 80px;
}

#q_logo{
    background: #fff url(../images/head_fd.png) no-repeat;
    margin: auto;

    height: 80px;
    width: 980px;
}

#header img{
    float: left;
    font-size: 0px;
    margin: 10px;

    height: 60px;
    width: 60px;
}

#header_content_sep{
    margin: auto;

    height: 10px;
}

#content {
    margin: auto;

    height: 640px;
}


#service_box_holder {
    margin: auto;

    height: 640px;
    width: 920px;
}

#service_box_holder ul {
    list-style: none;
    margin: auto;
    padding: 0;
}

#service_box_holder li {
    display: inline;
    float: left;

    height: 160px;
    width: 230px;
}

.service_box{
    display: inline;
    margin: auto;

    height: 160px;
    width: 230px;
}

.service_button{
    margin: auto;

    height: 150px;
    width: 220px;
}

.service_box button{
    margin: auto;

    height: 150px;
    width: 220px;
}

.service_title{
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: auto;
    
    width: 200px;
}

#footer {
    color: #fff;
    margin: auto;
    text-align: right;
    
    height: 20px;
    width: 980px;

}